@import url(public.less);
@import url(rem.less); 
.header{
    background-color: white;
    border-bottom: 1px solid #ccc;
    .h(100);
    .head{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .lh(100);
        .font-dpr(14px);
        .left,.right{
            width: 15%;
        }
        .right{
            color: #662e91;
        }
        .center{
            flex: 1;
            text-align: center;
            font-weight: 600;
        }
    }
}
.wrap{
    background-color: white;
    text-align: center;
    .font-dpr(14px);
    .h(80);
    .lh(80);
    .active{
        color: #662e91;
        border-bottom: 1px solid #662e91;
    }
}
.content{
    .list{
        position: relative; 
        text-align: center;
        height: 80vh;
        .zhong{
            .mt(150);
            .font-dpr(14px);  
            p{
                .lh(100);
            }
            h2{
                margin: auto;
                .w(180);
                .h(60);
                border:1px solid #ccc;
                color: #662e91;
                background-color: white;
                .lh(60);
            }
        }
        .din{
            width: 100%;
            position: absolute;
            bottom:0;
            z-index: 9999;
            .font-dpr(12px); 
            left: 50%;
            transform: translate(-50%,-50%);
            p{
                .lh(80);
            }
            h2{
                color: #662e91;
            }
        }
    }
}